<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>菜谱大全</title>
<meta name="keywords" content="美食,菜谱">
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/index_vegetable.css" rel="stylesheet" type="text/css" />
</head>
<body>


<!-- LOGO 区域 -->
<div class="div_width center logo_area">LOGO</div>
<!-- 菜单导航 区域 -->
<div id="menu_2" class="div_width center dietNavBg">
  <img src="images/dietNavLeft.png" class="fleft" ></img>
      <ul class="dietNav" style="padding-left:-10px;">
        <li class="dietNavLi"><a href="#">首页</a></li>
        <li class="dietNavLi"><a href="#">菜系</a></li>
        <li class="dietNavLi"><a href="#">口味</a></li>
        <li class="dietNavLi"><a href="#">工艺</a></li>
      </ul>
     <img src="images/dietNavRight.png" class="fright"></img>
</div>


<!-- 内容区域 -->
<div id="content" class="div_width center">
   <div class="clear"></div>
   <div id="main_category" class="index_main_category">
   
     <div id="category_1" class="first_floor_category" >菜系</div>
     <div class="child_category">
       <ul>
         <li>粤菜</li>
         <li>法国菜谱</li>
         <li>东南亚菜谱</li>
         <li>新加坡料理</li>
         <li>广西菜</li>
         <li>江西菜</li>
         <li>办公室午餐</li>
         <li>西班牙菜</li>
       </ul>
       <div class="clear"></div>
     </div>
     <div id="category_2" class="first_floor_category" >口味</div>
     <div class="child_category">
       <ul>
         <li>粤菜</li>
         <li>法国菜谱</li>
         <li>东南亚菜谱</li>
         <li>新加坡料理</li>
         <li>广西菜</li>
         <li>江西菜</li>
         <li>办公室午餐</li>
         <li>西班牙菜</li>
       </ul>
       <div class="clear"></div>
     </div>
     <div id="category_3" class="first_floor_category" >工艺</div>
     <div class="child_category">
       <ul>
         <li>粤菜</li>
         <li>法国菜谱</li>
         <li>东南亚菜谱</li>
         <li>新加坡料理</li>
         <li>广西菜</li>
         <li>江西菜</li>
         <li>办公室午餐</li>
         <li>西班牙菜</li>
       </ul>
       <div class="clear"></div>
     </div>
   </div>
   <div id="main_content" class="index_main_content">
     <div class="content_list">
      <ul>
        <li>
         <div class="fcl_img">
          <a href="#">
            <img src="images/11.jpg">
          </a>
          </div>
          <div class="fcl_text"><a href="#">红糟鲜竹蛏</a></div>
          <div class="fcl_text">红糟鲜竹蛏</div>
        </li>
        <li >
         <div class="fcl_img">
          <a href="#">
            <img src="images/11.jpg">
          </a>
          </div>
          <div class="fcl_text"><a href="#">红糟鲜竹蛏</a></div>
          <div class="fcl_text">红糟鲜竹蛏</div>
        </li>
        <li >
         <div class="fcl_img">
          <a href="#">
            <img src="images/11.jpg">
          </a>
          </div>
          <div class="fcl_text"><a href="#">红糟鲜竹蛏</a></div>
          <div class="fcl_text">红糟鲜竹蛏</div>
        </li>
        <li>
        <div class="fcl_img">
          <a href="#">
            <img src="images/11.jpg">
          </a>
          </div>
          <div class="fcl_text"><a href="#">红糟鲜竹蛏</a></div>
          <div class="fcl_text">红糟鲜竹蛏</div>
        </li>
         <li>
        <div class="fcl_img">
          <a href="#">
            <img src="images/11.jpg">
          </a>
          </div>
          <div class="fcl_text"><a href="#">红糟鲜竹蛏</a></div>
          <div class="fcl_text">红糟鲜竹蛏</div>
        </li>
         <li>
        <div class="fcl_img">
          <a href="#">
            <img src="images/11.jpg">
          </a>
          </div>
          <div class="fcl_text"><a href="#">红糟鲜竹蛏</a></div>
          <div class="fcl_text">红糟鲜竹蛏</div>
        </li>
      </ul>
      </div>
   </div>
</div>

</body>
</html>